﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta name="format-detection" content="telephone=no, email=no">
    <meta http-equiv="Cache" content="no-cache">
    <title>“诞旦”节！不图气质，”涂“平安！</title>
    <!-- <link rel="icon" href="__PUBLIC__/img/heart.png">
    -->
    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/swiper.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/animate.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/spread.css" rel="stylesheet">
</head>
<body>
    <div class="swiper-container">
        <!-- 加载动画 -->
        <div id="loading" class="loading">
            <div class="loadbox">
                <div class="loadlogo"></div>
                <div class="loadbg"></div>
            </div>
        </div>
        
        <!-- <bgsound src="__PUBLIC__/img/za.mp3" loop="-1">
        -->
        <!--  <audio id="bgMusic" src="__PUBLIC__/img/mm.mp3" autoplay="autoplay" loop="loop" controls="controls" class=></audio>
    -->
    <!-- 场景切换 -->
    <div class="swiper-wrapper">
        <section class="swiper-slide swiper-slide-1">
        <div class="swiper-slide-1-h4"><h4>平安产险福州中心支公司祝您</h4></div>
           
             <img src="__PUBLIC__/img/11.gif" class="img11">
             <img src="__PUBLIC__/img/12.png" class="img12">
        </section>
        <section class="swiper-slide swiper-slide-2">
        <div class="swiper-slide-2-h2"> <h2>从前！思念靠脚力</h2></div>
            </section>
        <section class="swiper-slide swiper-slide-3">
        <img src="__PUBLIC__/img/21.gif" class="img31">
        <img src="__PUBLIC__/img/22.gif" class="img32">
        <img src="__PUBLIC__/img/23.gif" class="img33">
        <div class="swiper-slide-3-div"><h2>现在！相聚看马力</h2></div>
        
        </section>
        <section class="swiper-slide swiper-slide-4" id="swiper-slide-4">
             <!--<img src="__PUBLIC__/img/bj1.jpg" id="swiper-slide-4-bj">-->
      <div class="mask" id="mask_index" style="cursor: crosshair;z-index:10;"></div>
        <div style="width:100%; position:absolute; top:2%; text-align: center; color: #ffffff;"><span class="swiper-slide-4-span1">0.00秒</span>击败了<span id="percent"></span>%的用户</div>
         <img src="__PUBLIC__/img/xh.gif" class="swiper-slide-4-gif1">
         <img src="__PUBLIC__/img/xh.gif" class="swiper-slide-4-gif2">
         <img src="__PUBLIC__/img/xh.gif" class="swiper-slide-4-gif3">
         <img src="__PUBLIC__/img/xh.gif" class="swiper-slide-4-gif4">
         <span class="swiper-slide-4-span2"><span class="swiper-slide-4-span3">平安</span>常伴</span>
          <span class="swiper-slide-4-span4">每一天</span>
          <div class="swiper-slide-4-table">         
        <table  class="swiper-slide-4-table-table">
          <thead>
            <tr>
             <th>名次</th>
             <th>用户</th>
             <th>时间</th>
            </tr>
          </thead>
          <tbody id="rank_list">

            </tbody>
            </table>
          </div>
        </section>
        <section class="swiper-slide swiper-slide-5">

         <div class="swiper-slide-5-h3"><h3>平安交通意外保险</h3></div>
        <div class="swiper-slide-5-p"><p >汽车、火车、飞机、轮船出行方式全覆盖，时时刻刻保障您的安全。</p></div>
        <div class="swiper-slide-5-img"> <img src="__PUBLIC__/img/ewm.png">
        <p>长按扫我吧</p></div>
       
        </section>
         <section class="swiper-slide swiper-slide-6">
         <div class="swiper-slide-6-text">
           <p>“诞旦”节！不图气质，”涂“平安！</p>
         </div>
         <img src="__PUBLIC__/img/5.png">
        </section>
    </div>
     <div class="video_exist" id="audio_btn">
            <div id="yinfu" class="rotate"></div>
            <audio preload="" autoplay="autoplay" id="media" src="__PUBLIC__/img/bg1.mp3" loop="loop" ></audio>
        </div>
    <!-- 下一页指示 -->
    <div class="arrow-up">
        <img src="__PUBLIC__/img/icon_up.png">
    </div>
</div>
  </div>

<script src="http://cdn.bootcss.com/zepto/1.1.6/zepto.min.js"></script>
<script src="__PUBLIC__/js/touch.js"></script>
<script src="__PUBLIC__/js/swiper.3.1.2.jquery.min.js"></script>
<script src="__PUBLIC__/js/swiper.animate.min.js"></script>
<!-- <script src="../../config.js"></script> -->
<script src="__PUBLIC__/js/util.js"></script>
<script src="__PUBLIC__/js/interface.js"></script>
<script src="__PUBLIC__/js/spread.js"></script>  
<script src="__PUBLIC__/js/zw.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        var reurl = "http://{$_SERVER['HTTP_HOST']}{:U('Home/Index/index')}";
        var rank_url = "http://{$_SERVER['HTTP_HOST']}{:U('Home/Index/rank')}";

        $(document).ready(function() {
            //初始化分享
            fenxiang("新年扫除 安利有礼");
            function fenxiang(title,desc){
                //微信分享
                wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: "{:C('APPID')}", // 必填，公众号的唯一标识
                    timestamp: "{$wxKey['timestamp']}", // 必填，生成签名的时间戳
                    nonceStr: "{$wxKey['noncestr']}", // 必填，生成签名的随机串
                    signature: "{$wxKey['signature']}",// 必填，签名，见附录1
                    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
                wx.ready(function () {
                    var shareData = {
                        title: '“诞旦”节！不图气质，”涂“平安！！',
                        desc: '10秒！20秒？还是一分钟.....图平安速速来战！',
                        link: "http://pingan.nidjia.com",
                        imgUrl: "{:C('APP_URL')}/Public/Img/logo.png"
                    };
                    wx.onMenuShareAppMessage(shareData);
                    wx.onMenuShareTimeline(shareData);
                });
                wx.error(function(res){
                    alert(res.errMsg);
                });
            }
        });

    </script>
</body>
</html>